/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     结构树     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-EasyTree {
  display: flex;
  flex-direction: column;
  height: 100%;

  /* ============================== 选中项 ============================== */
  &-chosen {
    color: #56f6ff;
  }

  /* ============================== 禁用项 ============================== */
  &-disabled {
    color: #aaa;
    cursor: not-allowed;
  }

  /* ============================== 顶部筛选框 ============================== */
  > .el-input {
    width: auto;
    margin: 1.2rem;

    /* ------------------------------ 图标 ------------------------------ */
    .el-input__icon {
      &:first-child {
        display: none;
      }
      &:last-child {
        display: block;
      }
    }

    /* ------------------------------ 有筛选框的结构树 ------------------------------ */
    + .CoreWeb-EasyScroll .el-tree {
      padding-top: 0 !important;
    }
  }

  /* ============================== 中间滚动条 ============================== */
  > .CoreWeb-EasyScroll {
    flex: 1;

    /* ------------------------------ 滚动区域 ------------------------------ */
    > .__panel > .__view {
      padding: 0 1.2rem;

      > .el-tree {
        padding: 1.2rem 0;
      }
    }

    /* ------------------------------ 水平滚动条 ------------------------------ */
    .__rail-is-vertical {
      top: 0.05rem !important;
      bottom: 0.05rem !important;
    }

    /* ------------------------------ 水平滚动条 ------------------------------ */
    .__rail-is-horizontal {
      left: 1.2rem !important;
      right: 1.2rem !important;
    }
  }

  /* ============================== 结构树 ============================== */
  .el-tree {
    background: transparent;

    /* —————————————————————————————— 节点 —————————————————————————————— */
    .el-tree-node__content {
      position: relative;
      height: 0.4rem;

      > div {
        flex: 1;
        display: flex;
        align-items: center;
        height: 100%;

        > span {
          height: auto;
          line-height: 1;
        }

        > div {
          display: flex;
          align-items: center;

          > img {
            margin-right: 0.08rem;
          }
        }
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<   顶部和底部    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-EasyTreeMulti,
.CoreBody .CoreWeb-EasyTree {
  /* ============================== 顶部和底部插槽 ============================== */
  &-top,
  &-bottom {
    flex: 0;
    text-align: center;

    /* —————————————————————————————— 按钮 —————————————————————————————— */
    > .CoreWeb-Btn {
      width: calc(100% - 0.24rem);
    }
  }

  /* ============================== 顶部插槽 ============================== */
  &-top > * {
    margin-bottom: 0.12rem;
  }

  /* ============================== 底部插槽 ============================== */
  &-bottom > * {
    margin-top: 0.12rem;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      重置      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-Btn.CoreWeb-EasyTree-BtnReset {
  margin: 0 0.16rem;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      全选      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-Btn.CoreWeb-EasyTreeMulti-BtnAll {
  margin: 0 0.16rem;
}
